<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>demo</title>
  <!--  -->
  <link rel="stylesheet" href="../../scripts/lib/layer/skin/layer.css">
  <link href="../../scripts/lib/ol-v5.0.2-dist/ol.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div class="app">
    <!-- ol -->
    <div class="map" id="map_ol"></div>
    <!-- GD -->
    <div class="map" id="map_gd"></div>
  </div>
</body>
<!-- JQ -->
<script src="../../scripts/lib/jquery/jquery.js" type="text/javascript"></script>
<!-- commom -->
<script src="./../../scripts/common/conf.js" type="text/javascript"></script>
<script src="./../../scripts/common/common.js" type="text/javascript"></script>
<!-- layer -->
<script src="../../scripts/lib/layer/layer.js" type="text/javascript"></script>
<!-- ol -->
<script src="../../scripts/lib/ol-v5.0.2-dist/ol.js" type="text/javascript"></script>
<!-- 高德 -->
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=512f87af07e8fed211449bef4fb603d9"></script>
<!-- convert -->
<script src="../../scripts/lib/p_convert/map_convertP.js" type="text/javascript"></script>
<!-- test -->
<script src="./test_data.js" type="text/javascript"></script>
<!-- main -->
<script src="./index.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
  new CC().init();
});
</script>

</html>
